<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单脚本</title>
</head>
<body>
    <form action="#" id="myForm" method="post" name="foms">
        <input type="text" name="username" />
        <input type="text" name="password" />

        <!--通用提交表单-->
        <!-- <input type="submit" value="Submit form"> -->

        <!--自定义提交按钮-->
        <!-- <button type="submit">Submit Form</button> -->

        <!---图像按钮-->
        <!-- <input type="image" src="1.jpg" id="sub"> -->

        <button type="button" id="btn">提交</button>


    </form>
</body>
</html>
<script src="event.js" type="text/javascript"></script>
<script>
    //获取当前这个表单
    // let form = document.getElementById("form1");
    // console.log(form);

    //取得页面上所有的表单
    // let forms = document.forms;
    // console.log(forms);

    //获取页面上的第一个表单
    // let firstForm = document.forms[0];
    // console.log(firstForm);

    //获取页面中名字为foms的表单
    // let form = document.forms['foms'];
    // console.log(form);

    // let form = document.foms;
    // console.log(form);

    //阻止默认行为的方式有两种  给表单增加点击事件  
    //  return false
    // 
    // var form = document.getElementById("sub");
    // form.onclick = function(e){
    //     form.submit();
    //     e.preventDefault();
    // }


    // document.body.onclick = function(event){
    //     alert("Body click");
    // }


    // var btn = document.getElementById("btn");
    // var handler = function(event){
    //     alert("Clicked");
    //     event = EventUtil.getEvent(event);
    //     // var target = EventUtil.getTarget(event);
    //     // console.log(target);
    //     // EventUtil.preventDefault(event);
    //     //阻止冒泡
    //     EventUtil.stopPropagation(event);
    // }
  
    // EventUtil.addHandler(btn,'click',handler);






    



</script>